import React, { Component } from 'react';
import autoBind from 'react-autobind';
import { Link, browserHistory } from 'dva/router';
import { Tabs } from 'antd-mobile';

// style
import styles from './index.css';
import IconfontStyle from '../../../../assets/iconfont/iconfont.css';

class ProductionDetail extends Component {
	constructor(props) {
        super(props)
        autoBind(this)
    }
    onChangeTab() {
    	
    }
    
	render() {
		const { meyley } = this.props
	 	return (
	 		<div className={styles['production-detail']}>
	 			<Tabs defaultActiveKey="1" onChange={this.onChangeTab}>
		          <Tabs.TabPane tab="商品详情" key="1">
		            <div className={styles['production-detail-des']} dangerouslySetInnerHTML={{__html: meyley.productionDetail && meyley.productionDetail.goodsDesc}}>
		            </div>
		          </Tabs.TabPane>
		          <Tabs.TabPane tab="参数/售后" key="2">
		            <div className={styles['production-detail-des']}>
		              <div>包装说明：{meyley.productionDetail && meyley.productionDetail.packDesc}</div>
		              <div>售后说明：{meyley.productionDetail && meyley.productionDetail.serviceDesc}</div>
		            </div>
		          </Tabs.TabPane>
		        </Tabs>
	 		</div>
	  	);
	}
};

ProductionDetail.propTypes = {
};

export default ProductionDetail
